<template>
  <div class="areaChart">
    <area-chart
      :chartData="chartData"
      :height="'100%'"
      :width="'100%'"
    ></area-chart>
  </div>
</template>

<script>
// import { getList } from "../../api/menu";
import areaChart from "@/views/dashboard/areaChart";
export default {
  name: "Index",
  mixins: [],
  components: {
    areaChart,
  },
  data() {
    return {
      chartData: {
        censusTime: "2023-11-06 14:55:24",
        cutOverNumTotal: 11894,
        onlineNumTotal: 1,
        radiusDeviceCensusList: [
          {
            areaCode: "JS",
            areaName: "江苏",
            cutOverNum: 55,
            onlineNum: 20,
          },
          {
            areaCode: "JS",
            areaName: "山东",
            cutOverNum: 35,
            onlineNum: 10,
          },
          {
            areaCode: "JS",
            areaName: "山西",
            cutOverNum: 45,
            onlineNum: 20,
          },
          {
            areaCode: "JS",
            areaName: "河南",
            cutOverNum: 55,
            onlineNum: 20,
          },
          {
            areaCode: "JS",
            areaName: "河北",
            cutOverNum: 55,
            onlineNum: 20,
          },
          {
            areaCode: "JS",
            areaName: "浙江",
            cutOverNum: 55,
            onlineNum: 20,
          },
          {
            areaCode: "JS",
            areaName: "安徽",
            cutOverNum: 75,
            onlineNum: 10,
          },
          {
            areaCode: "JS",
            areaName: "甘肃",
            cutOverNum: 55,
            onlineNum: 20,
          },
          {
            areaCode: "JS",
            areaName: "黑龙江",
            cutOverNum: 55,
            onlineNum: 20,
          },
          {
            areaCode: "JS",
            areaName: "吉林",
            cutOverNum: 55,
            onlineNum: 20,
          },
          {
            areaCode: "JS",
            areaName: "辽宁",
            cutOverNum: 55,
            onlineNum: 20,
          },
          {
            areaCode: "JS",
            areaName: "湖南",
            cutOverNum: 33,
            onlineNum: 21,
          },
          {
            areaCode: "JS",
            areaName: "湖北",
            cutOverNum: 33,
            onlineNum: 21,
          },
          {
            areaCode: "JS",
            areaName: "江西",
            cutOverNum: 33,
            onlineNum: 21,
          },
          {
            areaCode: "JS",
            areaName: "重庆",
            cutOverNum: 55,
            onlineNum: 20,
          },
          {
            areaCode: "JS",
            areaName: "贵州",
            cutOverNum: 33,
            onlineNum: 21,
          },
          {
            areaCode: "JS",
            areaName: "四川",
            cutOverNum: 69,
            onlineNum: 20,
          },
          {
            areaCode: "JS",
            areaName: "云南",
            cutOverNum: 81,
            onlineNum: 20,
          },
          {
            areaCode: "JS",
            areaName: "海南",
            cutOverNum: 72,
            onlineNum: 20,
          },
          {
            areaCode: "JS",
            areaName: "陕西",
            cutOverNum: 17,
            onlineNum: 20,
          },
          {
            areaCode: "JS",
            areaName: "宁夏",
            cutOverNum: 24,
            onlineNum: 20,
          },
          {
            areaCode: "JS",
            areaName: "西藏",
            cutOverNum: 13,
            onlineNum: 20,
          },
          {
            areaCode: "JS",
            areaName: "新疆",
            cutOverNum: 115,
            onlineNum: 20,
          },
          {
            areaCode: "JS",
            areaName: "青海",
            cutOverNum: 75,
            onlineNum: 20,
          },
          {
            areaCode: "JS",
            areaName: "台湾",
            cutOverNum: 15,
            onlineNum: 20,
          },
          {
            areaCode: "JS",
            areaName: "福建",
            cutOverNum: 25,
            onlineNum: 20,
          },
          {
            areaCode: "JS",
            areaName: "广西",
            cutOverNum: 15,
            onlineNum: 0,
          },
          {
            areaCode: "JS",
            areaName: "内蒙古",
            cutOverNum: 15,
            onlineNum: 20,
          },
          {
            boxType: "0",
            areaId: "110000",
            areaCode: "BJ",
            areaName: "北京",
            cutOverNum: 19,
            onlineNum: 0,
            censusTime: "2023-11-06 14:55:24",
            censusTimeStr: "2023-11-06 14:55:24",
            remark: "",
            delFlag: 0,
            createBy: "admin",
            createTime: "2023-11-06T14:55:24.000+08:00",
            createTimeStr: "2023-11-06 14:55:24",
            updateBy: "admin",
            updateTime: null,
            updateTimeStr: "2023-11-06 14:55:24",
          },
          {
            boxType: "0",
            areaId: "120000",
            areaCode: "TJ",
            areaName: "天津",
            cutOverNum: 3,
            onlineNum: 1,
            censusTime: "2023-11-06 14:55:24",
            censusTimeStr: "2023-11-06 14:55:24",
            remark: "",
            delFlag: 0,
            createBy: "admin",
            createTime: "2023-11-06T14:55:24.000+08:00",
            createTimeStr: "2023-11-06 14:55:24",
            updateBy: "admin",
            updateTime: null,
            updateTimeStr: "2023-11-06 14:55:24",
          },
          {
            boxType: "0",
            areaId: "440000",
            areaCode: "GD",
            areaName: "广东",
            cutOverNum: 2,
            onlineNum: 15,
            censusTime: "2023-11-06 14:55:24",
            censusTimeStr: "2023-11-06 14:55:24",
            remark: "",
            delFlag: 0,
            createBy: "admin",
            createTime: "2023-11-06T14:55:24.000+08:00",
            createTimeStr: "2023-11-06 14:55:24",
            updateBy: "admin",
            updateTime: null,
            updateTimeStr: "2023-11-06 14:55:24",
          },
        ],
      },
    };
  },
  computed: {},
  created() {},
  methods: {},
};
</script>

<style scoped lang="scss">
.areaChart {
  width: calc(100% - 20px);
  height: calc(100vh - 114px);
  margin: 10px;
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #eee;
  border-radius: 3px;
  // background-color: #eee;
}
</style>
